<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="icon" type="image" href="image/yanhua.png">
    <title>Excel 数据导出页面</title>
    <style>
        /* 添加你的CSS样式 */
        body {
            font-family: Arial, sans-serif;
        }
        .container {
            width: 80%;
            margin: 0 auto;
            text-align: center;
        }
        form {
            margin-top: 20px;
        }
        button {
            padding: 10px 20px;
            font-size: 16px;
            background-color: #4CAF50;
            color: white;
            border: none;
            border-radius: 5px;
            cursor: pointer;
        }
        button:hover {
            background-color: #45a049;
        }
    </style>
</head>
<body>
<div class="container">
    <h1>Excel 数据导出页面</h1>

    <p>点击以下按钮以导出Excel文件。</p>

    <form id="exportForm" action="/excel/list/export" method="post" target="_blank">
        <label for="date">日期:</label>
        <input type="text" id="date" name="date" required>

        <label for="workSheetName">工作表名称:</label>
        <input type="text" id="workSheetName" name="workSheetName" required>

        <label for="fileName">文件名:</label>
        <input type="text" id="fileName" name="fileName" required>

        <button type="submit">导出Excel文件</button>
    </form>
</div>

<script>
    document.addEventListener('DOMContentLoaded', function() {
        var form = document.getElementById('exportForm');
        form.addEventListener('submit', function(event) {
            event.preventDefault(); // 阻止表单默认的提交行为

            // 获取表单数据
            var date = document.getElementById('date').value;
            var workSheetName = document.getElementById('workSheetName').value;
            var fileName = document.getElementById('fileName').value;

            // 构造JSON对象
            var data = {
                date: date,
                workSheetName: workSheetName,
                fileName: fileName
            };

            // 转换为JSON字符串
            var jsonData = JSON.stringify(data);

            // 发送POST请求到服务器
            fetch('/excel/list/export', {
                method: 'POST', // 或 'PUT'
                headers: {
                    'Content-Type': 'application/json',
                },
                body: jsonData
            })
                .then(data => {
                    // 检查返回的数据是否为“文件导出成功！”
                    if (data.status === 200) {
                        // 显示提示消息
                        alert('文件导出成功!');
                    } else {
                        // 如果返回的不是期望的字符串，则可能是错误消息或其他信息
                        console.error('非预期的响应:'+ data.status);
                        alert('导出过程中发生未知错误。');
                    }
                })
                    .catch(error => {
                    // 捕获并显示任何错误
                    alert('导出时发生错误: ' + error.message);
                });
        });
    });
</script>

</body>
</html>